<template>
	<div style="width: 100%;">
		<van-row style="margin-top: 1vh;width: 100%;">
			<van-col style="display: flex;flex-wrap: wrap;width: 100%;">
				<van-row style="width: 46%;margin-left: 2%;border: 1px solid #ccc; height: 37vh;border-radius: 10px;" v-for="(item,index) in list" :key="index">
					<van-col span="24">
						<van-row style="height: 23vh;">
							<van-image :src="url+item.original_img" :lazy-load="true" width="70%" height="100%">
							</van-image>
						</van-row>
						<van-row
							style="height: 4vh;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 600;"
							class="ccc">
		                    {{item.goods_name}}
						</van-row>
						<van-row style="height: 6vh;color: #ccc;font-size: 14px; display: -webkit-box;
		　　-webkit-box-orient: vertical;
		　　-webkit-line-clamp: 2;
		　　overflow: hidden;line-height: 3vh;">
		                    {{item.goods_name}}
						</van-row>
						<van-row class="aaa" style="height: 3vh;text-align: left;color: red;font-weight: 600;">
							￥{{item.market_price}}
						</van-row>
					</van-col>
				</van-row>
		
			</van-col>
		</van-row>
	</div>
</template>

<script>

	export default {
		props:{
			list:{
				type:Array,
				required:true
			}
		},
		data() {
			return {
				value: '',
				lists:[],
				url: 'https://img.9lele.com'
			}
		},
		created() {
			this.searchs()
		},
		methods: {
			searchs() {
				
				this.lists=this.list
				console.log(this.list)
			}
		}
	}
</script>

<style>
</style>
